﻿@model e_commerce.Foreground.Models.GoodsDetail

@{
    ViewBag.Title = "手机详情";
    Layout = "~/Views/Shared/_ShopMallLayout.cshtml";
}
<main class="detail-wrap">
    <nav>
        <a href="/Page/Home">首页</a>>
        <a href="">@Model.GoodsName</a>
    </nav>

    <div class="detail">
        <div class="goods-imgs">
            <div class="big-img">
                <img src="" />
            </div>
            <ul class="small-img">
                @foreach(var item in Model.Images)
                {
                    <li>
                        <img src="@item" />
                    </li>
                }
            </ul>
        </div>
        <div class="goods-wrap">
            <div class="goods-name">
                @Model.GoodsName
            </div>
            <div class="goods-detail red">@Model.Detail</div>
            <div class="goods-price">
                <span>价格:</span>
                <span class="red">￥@Model.Price</span>
            </div>
            <div class="goods-service">
                <span>服务:</span>
                <span>本商品由魅族负责发货和提供售后服务</span>
            </div>
            <form class="count-wrap" action="/Page/Order" method="get">
                <span>数量:</span>
                <div class="count">
                    <input id="count" type="text" value="1" name="count" />
                    <div class="controll-count">
                        <button type="button" id="add" class="controll-count-bt">+</button>
                        <button type="button" id="reduce" class="controll-count-bt">-</button>
                    </div>
                </div>
                <input type="hidden" name="goodsId" value="@Model.GoodsID" />
                <button type="button" id="submit-bt" class="submit-bt">立即购买</button>
            </form>
        </div>
    </div>
</main>

@section Styles{
    <link href="~/CSS/detail.css" rel="stylesheet" />
}

@section Scripts{
<script src="~/JS/Detail.js"></script>
}